<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>会员个人空间-首页-收藏-博客</title>
		<link rel="shortcut icon" href="../img/icon.ico"/>
		<link rel="stylesheet" type="text/css" href="../css/shoucang_blog.css"/>
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../css/animate.css"/>
	</head>
	<body>
		<div class="web">
			<!-------------------头部开始--------------------->
			<header>
				<!--------------logo部分----------------->
				<div class="header_top clear">
					<div class="logo fl">
						<img src="../img/logo.png" />
					</div>
					<div class="header_top_right fr">
						<div class="message_box">
							<a>Christina</a>
							<span>退出</span>
							<span class="message_reminder my_icon_style iconfont icon-xiaoxi1"></span>
							<span class="my_icon_style iconfont icon-xiaoxi" style="font-size: 18px;"></span>
							<span class="my_icon_style iconfont icon-shezhi"></span>
							<span class="my_icon_style iconfont icon-ziyuan"></span>
							<div class="reminder_box">无提醒</div>
							<div class="xiaoxi_box">无消息</div>
						</div>
						<nav>
							<ul class="clear">
								<li class="fl"><a href="shoucang_blog.html">首页</a></li>
								<li class="fl"><a href="fabuhezuo.html">推荐</a></li>
								<li class="fl"><a href="个人空间-活动-收藏的活动.html">活动</a></li>
								<li class="fl"><a href="">交友</a></li>
								<li class="fl"><a href="">求职</a></li>
								<li class="fl"><a href="hezuo-shouye.html">合作</a></li>
								<li class="fl"><a href="zhengce.html">政策</a></li>
							</ul>
						</nav>
					</div>
				</div>
				
				<!-----------------大图片部分-------------------->
				<div class="header_bottom">
					<div class="person_message">
						<!-----------个人信息上部----------->
						<div class="person_message_top">
							<div class="img_box">
								<img src="../img/person1.jpg" />
							</div>
							<div class="person_main_message">
								<p class="username">Christina<span class="sex">M</span></p>
								<p class="qianming">个性签名：<span>天才也是练出来!</span></p>
								<p>
									<span class="country">CN</span>
									<span class="city">广州</span>
									<span class="job">金融分析师</span>
								</p>
								<div>
									华夏海归个人认证
									<img src="../img/renzheng.png"/>
								</div>
							</div>
							
						</div>
						<!---------------个人信息下部--------------------->
						<div class="person_message_bottom">
							<div class="follow">
								<p>关注</p>
								<p>230</p>
							</div>
							<div class="fans">
								<p>粉丝</p>
								<p>155</p>
							</div>
							<div class="qq_blog">
								<span class="my_icon_style iconfont icon-qq"></span>
								<span class="my_icon_style iconfont icon-unie61d-copy"></span>
								<span class="my_icon_style iconfont icon-xiaoxi"></span>
							</div>
							
						</div>
					</div>
					<div class="header_bottom_pic">
						<img src="../img/message_pic.jpg"/>
					</div>
				</div>
			</header>
			<!-------------------头部结束--------------------->
			
			<!--------------主体部分开始----------------------->
			<main>
				<!-----------主页导航头------------->
				<div class="my_page_header">
					<span>我的主页</span>
					<ul class="clear">
						<li class="fl">
							<a href="">
								<label for="blog">博客</label>
							</a>
						</li>
						<li class="fl">
							<a href="">
								<label for="weibo">微博</label>
							</a>
						</li>
						<li class="fl">
							<a href="">
								<label for="photo">相册</label>
							</a>
						</li>
						<li class="fl"><a href="">关注/粉丝</a></li>
						<li class="fl"><a href="">工作/合作</a></li>
						<li class="fl"><a href="">活动</a></li>
						<li class="fl"><a href="">设置</a></li>
					</ul>
					<div class="search">
						<form action="" method="post">
							<input type="text" name="search" id="search" value="" placeholder="搜索他的相关" />
							<!--<span class="my_icon_style iconfont icon-ziyuan"></span>-->
							<button class="my_icon_style iconfont icon-ziyuan"></button>
						</form>
					</div>
					
				</div>
				
				<!----------最新推荐--------------->
				<div class="new">
					<p>最新推荐</p>
					<div class="new_list">
						<div class="new_list_content">
							<a href="">
								<div class="img_box">
									<img src="../img/new_person1.jpg" />
								</div>
								<span>美女一枚</span>
								<span><img src="../img/renzheng.png"/></span>
							</a>	
						</div>
						<div class="new_list_content">
							<a href="">
								<div class="img_box">
									<img src="../img/new_person1.jpg" />
								</div>
								<span>美女一枚</span>
								<span><img src="../img/renzheng.png"/></span>
							</a>
						</div>
						<div class="new_list_content">
							<a href="">
								<div class="img_box">
									<img src="../img/new_person1.jpg" />
								</div>
								<span>美女一枚</span>
								<span><img src="../img/renzheng.png"/></span>
							</a>
						</div>
						<div class="new_list_content">
							<a href="">
								<div class="img_box">
									<img src="../img/new_person1.jpg" />
								</div>
								<span>美女一枚</span>
								<span><img src="../img/renzheng.png"/></span>
							</a>
						</div>
						<div class="new_list_content">
							<a href="">
								<div class="img_box">
									<img src="../img/new_person1.jpg" />
								</div>
								<span>美女一枚</span>
								<span><img src="../img/renzheng.png"/></span>
							</a>
						</div>
						<div class="new_list_content">
							<a href="">
								<div class="img_box">
									<img src="../img/new_person1.jpg" />
								</div>
								<span>美女一枚</span>
								<span><img src="../img/renzheng.png"/></span>
							</a>
						</div>
					</div>
				</div>
				<!-----------------主体内容--------->
				<div class="main_content clear">
					<!------------左侧边栏------------>
					<aside class="aside_left fl">
						<!-------小导航--------->
						<div class="aside_left_nav">
							<ul>
								<li><span class="my_icon_style iconfont icon-liaotian"></span>
									主页
								</li>
								<li><span class="my_icon_style iconfont icon-sixin"></span>
									<a href="shoucang_private_message.html">私信</a>
								</li>
								<li><span class="my_icon_style iconfont icon-pinglun"></span>
									评论
								</li>
								<li><span class="my_icon_style iconfont icon-shoucang"></span>
									<label for="blog">收藏</label>
								</li>
								<li><span class="my_icon_style iconfont icon-msg-system"></span>
									系统消息
								</li>
							</ul>
						</div>
						<!-----------照片链接-------------------->
						<div class="left_pics animated">
							<a href="">
								<img src="../img/blog_left_pic1.jpg"  />
							</a>
							<a href="">
								<img src="../img/blog_left_pic2.jpg"  />
							</a>
							<a href="">
								<img src="../img/blog_left_pic3.jpg"  />
							</a>
							<a href="">
								<img src="../img/blog_left_pic2.jpg"  />
							</a>
							<a href="">
								<img src="../img/blog_left_pic1.jpg"  />
							</a>
							<a href="">
								<img src="../img/blog_left_pic3.jpg"  />
							</a>
							<a href="">
								<img src="../img/blog_left_pic2.jpg"  />
							</a>
						</div>
					</aside>
					<!-----------中间内容--------------->
					
					<div class="content_mid fl clear">
						
						<!------------文章------------->
<!--888888888-博客内容---888888888888888888888---------------------------------->
						<input type="radio" id="blog" name="mypage" style="display: none;" checked="checked"/>
						<div class="content_blog animated">
							<div class="content_mid_top clear">
							<div class="classify fl">
								<span>收藏</span>
							</div>
							<div class="classify_select fr">
								<form action="" method="post">
									<select name="classify_select">
										<option value="blog">博客</option>
										<option value="weibo">微博</option>
										<option value="photo">照片</option>
									</select>									
								</form>
							</div>
							<div class="tag">
								<span>全部<i>(1043)</i><i>X</i></span>
								<span>励志<i>(1043)</i><i>X</i></span>
								<span>全部<i>(1043)</i><i>X</i></span>
								<span>海归<i>(1043)</i><i>X</i></span>
								<span>搞笑<i>(1043)</i><i>X</i></span>
								<span>全部<i>(1043)</i><i>X</i></span>
								<span>娱乐<i>(1043)</i><i>X</i></span>
								<span>全部<i>(1043)</i><i>X</i></span>
								<span>未分类<i>(1043)</i><i>X</i></span>
								<span>管理标签</span>
							</div>
						</div>
							<section>
							<div class="cotent_img_box">
								<img src="../img/images/content_pic1.jpg"/>
								<p class="writer"><a href="">莫言</a></p>
							</div>
							<div class="article_content">
								<h3>红高粱</h3>
								<article>
									一支民间抗日武装伏击日本人车队的故事，表现了一定程度的国家意识和民族意识。但这不是主要的。作为这篇小说精神主体的是强烈的生命意识：对带着原始野性、质朴强悍的生命力的赞美，对自由奔放的生命形式的渴望。正是这种生
								</article>
							</div>
							<div class="section_bottom clear">
								<div class="section_bottom_left fl">
									<span class="time">10分钟前</span>
									来自
									<span class="from">华夏海归</span>
									<span>客户端</span>
									<a href="">举报!</a>
								</div>
								<div class="section_bottom_right fr">
									<span class="my_icon_style iconfont icon-xin">
										<i class="collection_num">(33)</i>
									</span>
									
									<span>转载</span>
									<span>取消收藏</span>
									<span>评论
										<i class="comment_num">(12)</i>
									</span>
									
								</div>
								
								
							</div>
						</section>
						
						<section>
							<div class="cotent_img_box">
								<img src="../img/images/content_pic1.jpg"/>
								<p class="writer"><a href="">莫言</a></p>
							</div>
							<div class="article_content">
								<h3>红高粱</h3>
								<article>
									一支民间抗日武装伏击日本人车队的故事，表现了一定程度的国家意识和民族意识。但这不是主要的。作为这篇小说精神主体的是强烈的生命意识：对带着原始野性、质朴强悍的生命力的赞美，对自由奔放的生命形式的渴望。正是这种生
								</article>
							</div>
							<div class="section_bottom clear">
								<div class="section_bottom_left fl">
									<span class="time">10分钟前</span>
									来自
									<span class="from">华夏海归</span>
									<span>客户端</span>
									<a href="">举报!</a>
								</div>
								<div class="section_bottom_right fr">
									<span class="my_icon_style iconfont icon-xin">
										<i class="collection_num">(33)</i>
									</span>
									
									<span>转载</span>
									<span>取消收藏</span>
									<span>评论
										<i class="comment_num">(12)</i>
									</span>
									
								</div>
								
								
							</div>
						</section>
						
						<section>
							<div class="cotent_img_box">
								<img src="../img/images/content_pic1.jpg"/>
								<p class="writer"><a href="">莫言</a></p>
							</div>
							<div class="article_content">
								<h3>红高粱</h3>
								<article>
									一支民间抗日武装伏击日本人车队的故事，表现了一定程度的国家意识和民族意识。但这不是主要的。作为这篇小说精神主体的是强烈的生命意识：对带着原始野性、质朴强悍的生命力的赞美，对自由奔放的生命形式的渴望。正是这种生
								</article>
							</div>
							<div class="section_bottom clear">
								<div class="section_bottom_left fl">
									<span class="time">10分钟前</span>
									来自
									<span class="from">华夏海归</span>
									<span>客户端</span>
									<a href="">举报!</a>
								</div>
								<div class="section_bottom_right fr">
									<span class="my_icon_style iconfont icon-xin">
										<i class="collection_num">(33)</i>
									</span>
									
									<span>转载</span>
									<span>取消收藏</span>
									<span>评论
										<i class="comment_num">(12)</i>
									</span>
									
								</div>
								
								
							</div>
						</section>
						
						<section>
							<div class="cotent_img_box">
								<img src="../img/images/content_pic1.jpg"/>
								<p class="writer"><a href="">莫言</a></p>
							</div>
							<div class="article_content">
								<h3>红高粱</h3>
								<article>
									一支民间抗日武装伏击日本人车队的故事，表现了一定程度的国家意识和民族意识。但这不是主要的。作为这篇小说精神主体的是强烈的生命意识：对带着原始野性、质朴强悍的生命力的赞美，对自由奔放的生命形式的渴望。正是这种生
								</article>
							</div>
							<div class="section_bottom clear">
								<div class="section_bottom_left fl">
									<span class="time">10分钟前</span>
									来自
									<span class="from">华夏海归</span>
									<span>客户端</span>
									<a href="">举报!</a>
								</div>
								<div class="section_bottom_right fr">
									<span class="my_icon_style iconfont icon-xin">
										<i class="collection_num">(33)</i>
									</span>
									
									<span>转载</span>
									<span>取消收藏</span>
									<span>评论
										<i class="comment_num">(12)</i>
									</span>
									
								</div>
								
								
							</div>
						</section>
						<!-----------页码选择----------------->
						<div class="page_select fr">
							<form action="">
								<select name="">
									<option value="">第1页</option>
									<option value="">第2页</option>
									<option value="">第3页</option>
									<option value="">第4页</option>
									<option value="">第5页</option>
								</select>
							</form>
							<a href="">下一页</a>
						</div>
						</div>
						
<!-----------微博内容------------------------->
						<input type="radio" id="weibo" name="mypage" style="display: none;"/>
						<div class="content_weibo animated">
							<div class="content_mid_top clear">
							<div class="classify fl">
								<span>收藏</span>
							</div>
							<div class="classify_select fr">
								<form action="" method="post">
									<select name="classify_select">
										<option value="blog">博客</option>
										<option value="weibo" selected>微博</option>
										<option value="photo">照片</option>
									</select>									
								</form>
							</div>
							<div class="tag">
								<span>全部<i>(1043)</i></span>
								<span>励志<i>(1043)</i></span>
								<span>全部<i>(1043)</i></span>
								<span>海归<i>(1043)</i></span>
								<span>搞笑<i>(1043)</i></span>
								<span>全部<i>(1043)</i></span>
								<span>娱乐<i>(1043)</i></span>
								<span>全部<i>(1043)</i></span>
								<span>未分类<i>(1043)</i></span>
								<span>管理标签</span>
							</div>
						</div>
								<section>
							<div class="cotent_img_box">
								<img src="../img/images/weibo_pic1.jpg"/>
							</div>
							<div class="article_content">
								<h3>刘响</h3>
								<article>
									邻居李大哥在听我的歌～好感动⋯从厚重的木门中传来［爱从现在开始］的前奏～
								</article>
							</div>
							<div class="section_bottom clear">
								<div class="section_bottom_left fl">
									<span class="time">10分钟前</span>
									来自
									<span class="from">华夏海归</span>
									<span>客户端</span>
									<a href="">举报!</a>
								</div>
								<div class="section_bottom_right fr">
									<span class="my_icon_style iconfont icon-xin">
										<i class="collection_num">(33)</i>
									</span>
									
									<span>转载</span>
									<span>取消收藏</span>
									<span>评论
										<i class="comment_num">(12)</i>
									</span>
									
								</div>
								
								
							</div>
						</section>
						
						<section>
							<div class="cotent_img_box">
								<img src="../img/images/weibo_pic1.jpg"/>
							</div>
							<div class="article_content">
								<h3>陈浩佳</h3>
								<article>
									邻居李大哥在听我的歌～好感动⋯从厚重的木门中传来［爱从现在开始］的前奏～
								</article>
							</div>
							<div class="section_bottom clear">
								<div class="section_bottom_left fl">
									<span class="time">10分钟前</span>
									来自
									<span class="from">华夏海归</span>
									<span>客户端</span>
									<a href="">举报!</a>
								</div>
								<div class="section_bottom_right fr">
									<span class="my_icon_style iconfont icon-xin">
										<i class="collection_num">(33)</i>
									</span>
									
									<span>转载</span>
									<span>取消收藏</span>
									<span>评论
										<i class="comment_num">(12)</i>
									</span>
									
								</div>
								
								
							</div>
						</section>
						
						<section>
							<div class="cotent_img_box">
								<img src="../img/images/weibo_pic1.jpg"/>
							</div>
							<div class="article_content">
								<h3>潘朝立</h3>
								<article>
									邻居李大哥在听我的歌～好感动⋯从厚重的木门中传来［爱从现在开始］的前奏～
								</article>
							</div>
							<div class="section_bottom clear">
								<div class="section_bottom_left fl">
									<span class="time">10分钟前</span>
									来自
									<span class="from">华夏海归</span>
									<span>客户端</span>
									<a href="">举报!</a>
								</div>
								<div class="section_bottom_right fr">
									<span class="my_icon_style iconfont icon-xin">
										<i class="collection_num">(33)</i>
									</span>
									
									<span>转载</span>
									<span>取消收藏</span>
									<span>评论
										<i class="comment_num">(12)</i>
									</span>
									
								</div>
								
								
							</div>
						</section>
						
						<section>
							<div class="cotent_img_box">
								<img src="../img/images/weibo_pic1.jpg"/>
							</div>
							<div class="article_content">
								<h3>谢舒林</h3>
								<article>
									邻居李大哥在听我的歌～好感动⋯从厚重的木门中传来［爱从现在开始］的前奏～
								</article>
							</div>
							<div class="section_bottom clear">
								<div class="section_bottom_left fl">
									<span class="time">10分钟前</span>
									来自
									<span class="from">华夏海归</span>
									<span>客户端</span>
									<a href="">举报!</a>
								</div>
								<div class="section_bottom_right fr">
									<span class="my_icon_style iconfont icon-xin">
										<i class="collection_num">(33)</i>
									</span>
									
									<span>转载</span>
									<span>取消收藏</span>
									<span>评论
										<i class="comment_num">(12)</i>
									</span>
									
								</div>
								
								
							</div>
						</section>
						
						<section>
							<div class="cotent_img_box">
								<img src="../img/images/weibo_pic1.jpg"/>
							</div>
							<div class="article_content">
								<h3>杨祥添</h3>
								<article>
									邻居李大哥在听我的歌～好感动⋯从厚重的木门中传来［爱从现在开始］的前奏～
								</article>
							</div>
							<div class="section_bottom clear">
								<div class="section_bottom_left fl">
									<span class="time">10分钟前</span>
									来自
									<span class="from">华夏海归</span>
									<span>客户端</span>
									<a href="">举报!</a>
								</div>
								<div class="section_bottom_right fr">
									<span class="my_icon_style iconfont icon-xin">
										<i class="collection_num">(33)</i>
									</span>
									
									<span>转载</span>
									<span>取消收藏</span>
									<span>评论
										<i class="comment_num">(12)</i>
									</span>
									
								</div>
								
								
							</div>
						</section>
						
						<section>
							<div class="cotent_img_box">
								<img src="../img/images/weibo_pic1.jpg"/>
							</div>
							<div class="article_content">
								<h3>带带大师兄</h3>
								<article>
									邻居李大哥在听我的歌～好感动⋯从厚重的木门中传来［爱从现在开始］的前奏～
								</article>
							</div>
							<div class="section_bottom clear">
								<div class="section_bottom_left fl">
									<span class="time">10分钟前</span>
									来自
									<span class="from">华夏海归</span>
									<span>客户端</span>
									<a href="">举报!</a>
								</div>
								<div class="section_bottom_right fr">
									<span class="my_icon_style iconfont icon-xin">
										<i class="collection_num">(33)</i>
									</span>
									
									<span>转载</span>
									<span>取消收藏</span>
									<span>评论
										<i class="comment_num">(12)</i>
									</span>
									
								</div>
								
								
							</div>
						</section>
						<!-----------页码选择----------------->
						<div class="page_select fr">
							<form action="">
								<select name="">
									<option value="">第1页</option>
									<option value="">第2页</option>
									<option value="">第3页</option>
									<option value="">第4页</option>
									<option value="">第5页</option>
								</select>
							</form>
							<a href="">下一页</a>
						</div>
						</div>
						
<!-----------照片内容-------------------------->
						<input type="radio" id="photo" name="mypage" style="display: none;"/>
						<div class="content_photo animated">
							<div class="content_mid_top clear">
							<div class="classify fl">
								<span>收藏</span>
							</div>
							<div class="classify_select fr">
								<form action="" method="post">
									<select name="classify_select">
										<option value="blog">博客</option>
										<option value="weibo">微博</option>
										<option value="photo" selected="selected">照片</option>
									</select>									
								</form>
							</div>
							<div class="tag">
								<span>全部<i>(1043)</i></span>
								<span>励志<i>(1043)</i></span>
								<span>全部<i>(1043)</i></span>
								<span>海归<i>(1043)</i></span>
								<span>搞笑<i>(1043)</i></span>
								<span>全部<i>(1043)</i></span>
								<span>娱乐<i>(1043)</i></span>
								<span>全部<i>(1043)</i></span>
								<span>未分类<i>(1043)</i></span>
								<span>管理标签</span>
							</div>
						</div>
							<section class="photo_content_box">
								<div class="photo_box">
									<img src="../img/images/photo_pic1.jpg" />
								</div>
								<div class="section_bottom clear">
									<div class="content_photo_bottom_left fl">
										<span class="photo_name">Untitled</span>
										来自
										<span class="photo_owner">Christina<i><img src="../img/renzheng.png"/></i></span>
									</div>
									<div class="section_bottom_right fr">
										<span class="my_icon_style iconfont icon-xin">
											<i class="collection_num">(33)</i>
										</span>
									
										<span>转载</span>
										<span>取消收藏</span>
										<span>评论
											<i class="comment_num">(12)</i>
										</span>
									
									</div>
								</div>
								<p>这是对照片的描述，随便写点没人看得懂的话，，，再写点。。。</p>
							</section>
							<section class="photo_content_box animated">
								<div class="photo_box">
									<img src="../img/images/photo_pic1.jpg" />
								</div>
								<div class="section_bottom clear">
									<div class="content_photo_bottom_left fl">
										<span class="photo_name">Untitled</span>
										来自
										<span class="photo_owner">Christina<i><img src="../img/renzheng.png"/></i></span>
									</div>
									<div class="section_bottom_right fr">
										<span class="my_icon_style iconfont icon-xin">
											<i class="collection_num">(33)</i>
										</span>
									
										<span>转载</span>
										<span>取消收藏</span>
										<span>评论
											<i class="comment_num">(12)</i>
										</span>
									
									</div>
								</div>
								<p>这是对照片的描述，随便写点没人看得懂的话，，，再写点。。。</p>
							</section>
							<section class="photo_content_box">
								<div class="photo_box">
									<img src="../img/images/photo_pic3.jpg" />
								</div>
								<div class="section_bottom clear">
									<div class="content_photo_bottom_left fl">
										<span class="photo_name">Untitled</span>
										来自
										<span class="photo_owner">刘响<i><img src="../img/renzheng.png"/></i></span>
									</div>
									<div class="section_bottom_right fr">
										<span class="my_icon_style iconfont icon-xin">
											<i class="collection_num">(33)</i>
										</span>
									
										<span>转载</span>
										<span>取消收藏</span>
										<span>评论
											<i class="comment_num">(12)</i>
										</span>
									
									</div>
								</div>
								<p>The flood waters across the brooks rose to incredible heights during the first weeks of January. Having not been out for a couple of ... ...</p>
							</section>
							<!-----------页码选择----------------->
						<div class="page_select fr">
							<form action="">
								<select name="">
									<option value="">第1页</option>
									<option value="">第2页</option>
									<option value="">第3页</option>
									<option value="">第4页</option>
									<option value="">第5页</option>
								</select>
							</form>
							<a href="">下一页</a>
						</div>
						</div>
						
						
<!-----------我的私信------------------------------>
						<input type="radio" id="my_private_mesaage" name="mypage" style="display: none;"/>
						<div class="my_private_message animated">
							<div class="content_mid_top clear">
								<div class="classify fl">
									<span>我的私信</span>
								</div>
								<span class="not_read">未读<i>(1)</i></span>
								<div class="fr">
									<form action="">
										<select>
											<option value="">全部私信</option>
											<option value="">未读私信</option>
										</select>
									</form>
									<button class="write_mesage">
										<label for="choose_mesaage">写私信</label>
									</button>
								</div>
							</div>
							<input type="checkbox" name="delete" id="delete" style="display: none;" />
							<ul class="animated">
								<li class="clear">
									<div class="messager_pic fl">
										<img src="../img/girl1.png" />
									</div>
									<div class="main_message fl">
										<p>周扬儿</p>
										<p>呢个周末，一起去爬山，得吾得闲？？</p>
									</div>
									<div class="handle_time fr">
										<p class="message_time">2013-11-24 23:00</p>
										<div class="handle">
											<button>垃圾信息</button>
											<button>
												<label for="delete">删除</label>
											</button>
											<input type="checkbox" />
										</div>
									</div>
								</li>
								<li class="clear">
									<div class="messager_pic fl">
										<img src="../img/girl1.png" />
									</div>
									<div class="main_message fl">
										<p>周扬儿</p>
										<p>呢个周末，一起去爬山，得吾得闲？？</p>
									</div>
									<div class="handle_time fr">
										<p class="message_time">2013-11-24 23:00</p>
										<div class="handle">
											<button>垃圾信息</button>
											<button>
												<label for="delete">删除</label>
											</button>
											<input type="checkbox" />
										</div>
									</div>
								</li>
								<li class="clear">
									<div class="messager_pic fl">
										<img src="../img/girl1.png" />
									</div>
									<div class="main_message fl">
										<p>周扬儿</p>
										<p>呢个周末，一起去爬山，得吾得闲？？</p>
									</div>
									<div class="handle_time fr">
										<p class="message_time">2013-11-24 23:00</p>
										<div class="handle">
											<button>垃圾信息</button>
											<button>
												<label for="delete">删除</label>
											</button>
											<input type="checkbox" />
										</div>
									</div>
								</li>
								<li class="clear">
									<div class="messager_pic fl">
										<img src="../img/girl1.png" />
									</div>
									<div class="main_message fl">
										<p>周扬儿</p>
										<p>呢个周末，一起去爬山，得吾得闲？？</p>
									</div>
									<div class="handle_time fr">
										<p class="message_time">2013-11-24 23:00</p>
										<div class="handle">
											<button>垃圾信息</button>
											<button>
												<label for="delete">删除</label>
											</button>
											<input type="checkbox" />
										</div>
									</div>
								</li>
								<li class="clear not_read_bg">
									<div class="messager_pic fl">
										<img src="../img/girl1.png" />
									</div>
									<div class="main_message fl">
										<p>周扬儿</p>
										<p>呢个周末，一起去爬山，得吾得闲？？</p>
									</div>
									<div class="handle_time fr">
										<p class="message_time">2013-11-24 23:00</p>
										<div class="handle">
											<button>垃圾信息</button>
											<button>
												<label for="delete">删除</label>
											</button>
											<input type="checkbox" />
										</div>
									</div>
									<label for="message_talk" class="active_label"></label>
								</li>
								<li class="clear">
									<div class="messager_pic fl">
										<img src="../img/girl1.png" />
									</div>
									<div class="main_message fl">
										<p>周扬儿</p>
										<p>呢个周末，一起去爬山，得吾得闲？？</p>
									</div>
									<div class="handle_time fr">
										<p class="message_time">2013-11-24 23:00</p>
										<div class="handle">
											<button>垃圾信息</button>
											<button>
												<label for="delete">删除</label>
											</button>
											<input type="checkbox" />
										</div>
									</div>
								</li>
								<li>
									<p>是否删除？</p>
									<span>是</span>
									<span>
										<label for="delete">否</label>
									</span>
								</li>
							</ul>
							<div class="all_handle">
								<button>标记为已读</button>
								<button>垃圾私信</button>
								<button>
									<label for="delete">删除</label>
								</button>
								<input type="checkbox" />
							</div>
							<!-----------页码选择----------------->
						<div class="page_select fr">
							<form action="">
								<select name="">
									<option value="">第1页</option>
									<option value="">第2页</option>
									<option value="">第3页</option>
									<option value="">第4页</option>
									<option value="">第5页</option>
								</select>
							</form>
							<a href="">下一页</a>
						</div>
						</div>
<!---------选择收信人--------------------------------->
						<input type="radio" id="choose_mesaage" name="mypage" style="display: none;"/>
						<div class="choose_messager animated">
							<div class="content_mid_top clear">
								<div class="classify fl">
									<span>选择收信人</span>
								</div>
								
								<div class="fr">
									<button class="back_to_mesage">
										<label for="my_private_mesaage">返回我的私信</label>
									</button>
									<div class="search_messager">
										<form action="">
											<input type="text" placeholder="搜好友"  />
											<input type="submit" value="搜索" />
										</form>
									</div>
								</div>
							</div>
							<!--收信人列表-->
							<div class="messager_list clear">
								<div class="messager_box fl">
									<div>
										<img src="../img/girl1.png" />
									</div>
									<p>麻花藤</p>
								</div>
								<div class="messager_box fl">
									<div>
										<img src="../img/girl1.png" />
									</div>
									<p>麻花藤</p>
								</div>
								<div class="messager_box fl">
									<div>
										<img src="../img/girl1.png" />
									</div>
									<p>麻花藤123</p>
								</div>
								<div class="messager_box fl">
									<div>
										<img src="../img/girl1.png" />
									</div>
									<p>麻花藤</p>
								</div>
								<div class="messager_box fl">
									<div>
										<img src="../img/girl1.png" />
									</div>
									<p>麻花藤</p>
								</div>
								<div class="messager_box fl">
									<div>
										<img src="../img/girl1.png" />
									</div>
									<p>麻花藤</p>
								</div>
								<div class="messager_box fl">
									<div>
										<img src="../img/girl1.png" />
									</div>
									<p>麻花藤</p>
								</div>
								<div class="messager_box fl">
									<div>
										<img src="../img/girl1.png" />
									</div>
									<p>麻花藤</p>
								</div>
								<div class="messager_box fl">
									<div>
										<img src="../img/girl1.png" />
									</div>
									<p>麻花藤</p>
								</div>
								<div class="messager_box fl">
									<div>
										<img src="../img/girl1.png" />
									</div>
									<p>麻花藤</p>
								</div>
								<div class="messager_box fl">
									<div>
										<img src="../img/girl1.png" />
									</div>
									<p>麻花藤</p>
								</div>
								<div class="messager_box fl">
									<div>
										<img src="../img/girl1.png" />
									</div>
									<p>麻花藤</p>
								</div>
								<div class="messager_box fl">
									<div>
										<img src="../img/girl1.png" />
									</div>
									<p>麻花藤123</p>
								</div>
								<div class="messager_box fl">
									<div>
										<img src="../img/girl1.png" />
									</div>
									<p>麻花藤</p>
								</div>
								<div class="messager_box fl">
									<div>
										<img src="../img/girl1.png" />
									</div>
									<p>麻花藤</p>
								</div>
								<div class="messager_box fl">
									<div>
										<img src="../img/girl1.png" />
									</div>
									<p>麻花藤</p>
								</div>
								<div class="messager_box fl">
									<div>
										<img src="../img/girl1.png" />
									</div>
									<p>麻花藤</p>
								</div>
								<div class="messager_box fl">
									<div>
										<img src="../img/girl1.png" />
									</div>
									<p>麻花藤</p>
								</div>
								<div class="messager_box fl">
									<div>
										<img src="../img/girl1.png" />
									</div>
									<p>麻花藤</p>
								</div>
								<div class="messager_box fl">
									<div>
										<img src="../img/girl1.png" />
									</div>
									<p>麻花藤</p>
								</div>
								<div class="messager_box fl">
									<div>
										<img src="../img/girl1.png" />
									</div>
									<p>麻花藤</p>
								</div>
								<div class="messager_box fl">
									<div>
										<img src="../img/girl1.png" />
									</div>
									<p>麻花藤</p>
								</div>
								<div class="messager_box fl">
									<div>
										<img src="../img/girl1.png" />
									</div>
									<p>麻花藤</p>
								</div>
								<div class="messager_box fl">
									<div>
										<img src="../img/girl1.png" />
									</div>
									<p>麻花藤</p>
								</div>
							</div>
			<!-----------页码选择----------------->
						<div class="page_select fr">
							<form action="">
								<select name="">
									<option value="">第1页</option>
									<option value="">第2页</option>
									<option value="">第3页</option>
									<option value="">第4页</option>
									<option value="">第5页</option>
								</select>
							</form>
							<a href="">下一页</a>
						</div>
						</div>
<!----与谁的私信------------------------------------->
						<input type="radio" id="message_talk" name="mypage" style="display: none;"/>
						<div class="message_talk animated">
							<div class="content_mid_top clear">
								<div class="classify fl">
									<span>与<strong>周扬儿</strong>的私信</span>
								</div>
								
								<div class="fr">
									<button class="back_to_mesage">
										<label for="my_private_mesaage">返回我的私信</label>
									</button>
								</div>
							</div>
							
							<div class="message_content">
								<input type="checkbox" name="delete2" id="delete2" style="display: none;" />
								<ul class="animated">
									<li class="clear">
										<div class="messager_pic fl">
											<img src="../img/girl1.png" />
										</div>
										<div class="main_message fl">
											<p>周扬儿</p>
											<p>呢个周末，一起去爬山，得吾得闲？？</p>
										</div>
										<div class="handle_time fr">
											<p class="message_time">2013-11-24 23:00</p>
											<div class="handle">
												<button>
													<label for="delete2">删除</label>
												</button>
											</div>
										</div>
									</li>
									<li class="clear">
										<div class="messager_pic fl">
											<img src="../img/person1.jpg" />
										</div>
										<div class="main_message fl">
											<p>Christina</p>
											<p>我还有事！     你们玩得开心～</p>
										</div>
										<div class="handle_time fr">
											<p class="message_time">2013-11-24 23:15</p>
											<div class="handle">
												<button>
													<label for="delete2">删除</label>
												</button>
											</div>
										</div>
									</li>
									<li class="clear">
										<div class="messager_pic fl">
											<img src="../img/person1.jpg" />
										</div>
										<div class="main_message fl">
											<p>Christina</p>
											<p>对了，记得多穿点衣去 变天le。</p>
										</div>
										<div class="handle_time fr">
											<p class="message_time">2013-11-24 23:18</p>
											<div class="handle">
												<button>
													<label for="delete2">删除</label>
												</button>
											</div>
										</div>
									</li>
									<li>
										<p>是否删除？</p>
										<span>是</span>
										<span>
											<label for="delete2">否</label>
										</span>
									</li>
								</ul>
							</div>
							<div class="send_message">
								<p>发起于<span>2013-11-24 23:00</span></p>
								<div>
									<form action="" class="clear">
										<textarea name="message_content"></textarea><br />
										<input type="submit" value="发送" class="fr"/>
									</form>
								</div>
								<span></span>
							</div>
							<div class="message_handle">
								<button>垃圾信息</button>
								<button>
									<label for="delete2">删除</label>
								</button>
							</div>
						</div>
						
					</div>
					
					
					
					<!-------------右侧边栏-------------->
					<aside class="aside_right fr">
						<!----------热门话题----------------------->
						<section class="topic">
							<h3>热门话题</h3>
							<ul class="topic_list">
								<li><a href="">＃全球最值得一去的地方</a></li>
								<li><a href="">＃奇葩的国外美食</a></li>
								<li><a href="">＃国外奇遇</a></li>
								<li><a href="">＃华夏海归足球联赛</a></li>
								<li><a href="">＃全球最值得一的地方</a></li>
								<li><a href="">＃奇葩的国外美食</a></li>
								<li><a href="">＃人民币破6</a></li>
								<li><a href="">＃华夏海归足球联赛</a></li>
							</ul>
							<span><a href="">......更多</a></span>
						</section>
						<!-----------------工作机会----------------->
						<section>
							<h3>工作机会</h3>
							<ul class="job_list">
								<li>
									<p>[北京]</p>
									<p>盛世长城广告公司</p>
									<a href="">客户部经理</a>
								</li>
								<li>
									<p>[北京]</p>
									<p>盛世长城广告公司</p>
									<a href="">客户部经理</a>
								</li>
								<li>
									<p>[北京]</p>
									<p>盛世长城广告公司</p>
									<a href="">客户部经理</a>
								</li>
								<li>
									<p>[北京]</p>
									<p>盛世长城广告公司</p>
									<a href="">客户部经理</a>
								</li>
							</ul>
							<span><a href="">......更多</a></span>
						</section>
						<!---------------新人推荐--------------->
						<section class="new_people clear">
							<h3>新人推荐</h3>
							<div class="fl">
								<div>
									<img src="../img/girl1.png"  />
								</div>
								<p><a href="">郝靓</a></p>
							</div>
							<div class="fl">
								<div>
									<img src="../img/girl1.png"  />
								</div>
								<p><a href="">郝靓</a></p>
							</div>
							<div class="fl">
								<div>
									<img src="../img/girl1.png"  />
								</div>
								<p><a href="">郝靓</a></p>
							</div>
							<div class="fl">
								<div>
									<img src="../img/girl1.png"  />
								</div>
								<p><a href="">郝靓</a></p>
							</div>
							<div class="fl">
								<div>
									<img src="../img/girl1.png"  />
								</div>
								<p><a href="">郝靓</a></p>
							</div>
							<div class="fl">
								<div>
									<img src="../img/girl1.png"  />
								</div>
								<p><a href="">郝靓</a></p>
							</div>
							<div class="fl">
								<div>
									<img src="../img/girl1.png"  />
								</div>
								<p><a href="">郝靓</a></p>
							</div>
							<div class="fl">
								<div>
									<img src="../img/girl1.png"  />
								</div>
								<p><a href="">郝靓</a></p>
							</div>
							<span id="more_line" class="fl"><a href="">......更多</a></span>
						</section>
						
						<!---------最近访客------------>
						<section class="last_visitors">
							<h3>最近访客</h3>
							<ul>
								<li class="clear">
									<div class="fl">
										<img src="../img/girl1.png"/>
									</div>
									<span class="fl">郝靓</span>
									<span class="fl">今天</span>
									<span class="onlive animated"></span>
								</li>
								<li class="clear">
									<div class="fl">
										<img src="../img/girl1.png"/>
									</div>
									<span class="fl">郝靓</span>
									<span class="fl">今天</span>
									<span class="onlive animated"></span>
								</li>
								<li class="clear">
									<div class="fl">
										<img src="../img/girl1.png"/>
									</div>
									<span class="fl">郝靓</span>
									<span class="fl">3年前</span>
									<span class="onlive animated"></span>
								</li>
								<li class="clear">
									<div class="fl">
										<img src="../img/girl1.png"/>
									</div>
									<span class="fl">郝靓</span>
									<span class="fl">5年前</span>
								</li>
								<li class="clear">
									<div class="fl">
										<img src="../img/girl1.png"/>
									</div>
									<span class="fl">郝靓</span>
									<span class="fl">1949年10月</span>
								</li>
							</ul>
							<span><a href="">......更多</a></span>
							<div class="today_visited">
								<p>今日浏览</p>
								<p>12</p>
							</div>
							<div class="history_visited">
								<p>历史浏览</p>
								<p>1024</p>
							</div>
						</section>
					</aside>
				</div>
			</main>
			<!--------------主体部分结束----------------------->
			
			<!------------------尾部开始---------------------->
			<footer>
				
			<!-----------底部顶链接------------------->
				<div class="link">
					<a href="">关于联盟</a>
					<a href="">加入联盟</a>
					<a href="">联盟事件</a>
					<a href="">防骗说明</a>
					<a href="">合作链接</a>
				</div>
				<!-----------底部中间----------------->
				<div class="footer_middle clear">
					<div class="footer_middle_left fl">
						<a href="">与联盟保持联系</a>
						<div>
							<img src="../img/images/footer_contact_03.png" />
						</div>
						<a href="">更多信息</a>
						<a href="">公益合作</a>
						<a href="">商业合作与风险投资</a>
					</div>
					<div class="footer_middle_right fr">
						<a href="">帮助</a>
						<span class="my_icon_style iconfont icon-diqiu"></span>
						<a href="">语言</a>
						<a href="" class="facebook_tumblr"><span class="my_icon_style iconfont icon-Facebook"></span></a>
						<a href="" class="facebook_tumblr"><span class="my_icon_style iconfont icon-tumblr-m"></span></a>
					</div>
				</div>
				<!------------底部最后---------------->
				<div class="footer_bottom">
					<div class="footer_img">
						<img src="../img/footer_logo.png" alt="" />
					</div>
					<div class="footer_bottom_mid">
						<img src="../img/footer_pic.jpg" usemap="#hotmap"/>
						<map name="hotmap">
							<area shape="rect" coords="48,40,114,79" href="http://www.baidu.com" alt="" title="艾美" target="_blank"/>
							<area shape="rect" coords="148,40,188,79" href="http://www.taobao.com" alt="" title="雅乐轩" target="_blank"/>
							<area shape="rect" coords="225,40,266,79" href="http://www.taobao.com" alt="" title="福朋" target="_blank"/>
							<area shape="rect" coords="304,48,348,79" href="http://www.jd.com" alt="" title="威斯丁" target="_blank"/>
							<area shape="rect" coords="380,40,432,72" href="http://www.taobao.com" alt="" title="豪华精选" target="_blank"/>
							<area shape="rect" coords="95,92,130,134" href="http://www.taobao.com" alt="" title="W酒店" target="_blank"/>
							<area shape="rect" coords="185,90,218,134" href="http://www.taobao.com" alt="" title="喜来登" target="_blank"/>
							<area shape="rect" coords="270,92,316,134" href="http://www.taobao.com" alt="" title="瑞吉" target="_blank"/>
							<area shape="rect" coords="369,93,400,138" href="http://www.taobao.com" alt="" title="源宿" target="_blank"/>
						</map>
					</div>
					<div class="footer_bottom_right">
						<p>你的位置</p>
						<span>华夏海归 ></span><a href="">首页</a>
						<p>本网站所有图片均由Getty Images公司授权发布，侵权必究。京ICP备06049229号</p>
					</div>
				</div>
			</footer>
			<!------------------尾部结束---------------------->
		</div>
	</body>
</html>
